/*搜索*/
.nei{
    background: url(../images/sd.jpg) repeat-x;
    height: 50px;
}
.chanp{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.ssdf{
    font:400 16px/50px "Microsoft Yahei";
    color: #fff;
    float: left;
    width: 450px;
}
.ssdf a{
    color: #fff;
}
.lianx_yy{
    font:400 14px/24px "Microsoft Yahei";
}


.xyav2 li{
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: 0.5em;
    position: relative;
}

.xyassnav{
    position: absolute;
    left: 100%;
    top:0px;
    width: 150px;
    background: #fff;
    display: none;
}
.xyav2 > li:hover .xyassnav{
    display: block
}














/*新品推荐*/
.nei1{
    background: url(../images/nei1.png) top center no-repeat;
    height: 508px;
}
.cpp{
    text-align: center;
}
.cpp_t{
    font:600 30px/40px "Microsoft Yahei";
    color: rgba(102, 102, 102, 0.3);
    text-transform: uppercase;
    padding-top: 52px;
}
.cpp_y{
    font:400 20px/30px "Microsoft Yahei";
    color: #666666;
    background: url(../images/xian.png) center center no-repeat;
}
.huang{
    overflow: hidden;
}
.gh{
    border:#61c7de 1px solid;
}
.huan_zi{
    background: #a5cdd6;
    font:400 14px/52px "Microsoft Yahei";
    color: #fff;
    text-align: center;
}
.huan_zi a{
    color: #fff;
}
.huan_img img{
    width: 100%;
    height: auto;
}
.qiehuan{
    position: relative;
    margin-top: 28px;
}
.qiehuan .anniyu{
    position: absolute;
    background: url(../images/le.png) no-repeat;
    width: 30px;
    height: 30px;
    bottom:-60px;
    left: 710px;
    cursor: pointer;
    outline: none;
}
.qiehuan .anniyu1{
    position: absolute;
    background: url(../images/le1.png) no-repeat;
    width: 30px;
    height: 30px;
    bottom:-60px;
    right: 400px;
    cursor: pointer;
    outline: none;
}
.qiehuan .anniyu:hover{
    background: url(../images/le2.png) no-repeat;
}
.qiehuan .anniyu1:hover{
    background: url(../images/le3.png) no-repeat;
}
.huang .swiper-slide:hover .gh{
    border:#83a8d2 1px solid;
}
.huang .swiper-slide:hover .huan_zi{
    background: #7ea4cf;
}
/*产品中心*/
.nei2{
    background: url(../images/nei2.png) top center no-repeat;
    height: 795px;
}
.czx{
    position: relative;
}
.czx_t{
    font:600 40px/50px  "Microsoft Yahei";
    color: rgba(102, 102, 102, 0.3);
    text-transform: uppercase;
}
.czx_y{
    font:400 20px/30px "Microsoft Yahei";
    color: #666;
    background: url(../images/xian1.png) 90px  center no-repeat;
}
.czx_more{
    position: absolute;
    top:40px;
    right: 0px;
    width: 100px;
    height: 30px;
    font:400 16px/30px "Microsoft Yahei";
    color: #fff;
    text-align: center;
    background: #5aabbd;
    text-transform: uppercase;
}
.czx_more a{
    color: #fff;
}
.fen{
    float: left;
    width: 222px;
    background: #b2b2b2;
    margin-top: 15px;
}

.xypg-left-nav1 {
    margin: 0 -1px;
  }
  
  .xypg-left-nav1 > li {
    position: relative;
    background: #b2b2b2;
  }
  
  .xypg-left-nav1 > li:last-child {
    border-bottom: none;
  }
  
  .xypg-left-nav1 > li > a {
    display: block;
    font-size: 16px;
    line-height: 52px;
    color: #fff;
    padding-left: 40px;
  }
  
  .xypg-left-nav1 > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 8px;
    height: 8px;
    text-align: center;
    top: 24px;
    left: 20px;
    cursor: pointer;
    background: url(../images/yuan.png)  left center no-repeat;
  }
  

  
  .xypg-left-nav1 > li:hover > a, .xypg-left-nav11 > li.clicked > a {
    color: #fff;
    background: #83a8d2;
  }
  
  .xypg-left-nav1 > li:hover .first-nav-btn, .xypg-left-nav11 > li.clicked .first-nav-btn {
    color: #fff;
    
  }
  
  .xypg-left-nav1 .xypg-left-subnav1 {
    display: none;
    padding: 0 10px;
  }
  
  .xypg-left-nav1 .xypg-left-subnav1 > li {
    border-top: 1px dashed #eeeeee;
  }
  
  .xypg-left-nav1 .xypg-left-subnav1 > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #666;
    font-size: 16px;
  }
  
  .xypg-left-nav1 .xypg-left-subnav1 > li > a:hover {
    color: #ab001a;
  }
  
  .xypg-left-nav1 .xypg-left-subnav1 > li.clicked > a {
    color: #ab001a;
  }
  
  .xypg-left-nav1 .xypg-left-threenav > li > a {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
  }
  
  .xypg-left-nav1 .xypg-left-threenav > li > a:before {
    content: '\2014   ';
  }
  
  .xypg-left-nav1 .xypg-left-threenav > li > a:hover {
    color: #ab001a;
  }
  
  .xypg-left-nav1 .xypg-left-threenav > li.clicked > a {
    color: #ab001a;
  }
  .fangy{
      float: right;
      width: 964px;
      margin-top: 15px;
  }
  .fangy li{
      float: left;
      width: 314px;
      border:#61c7de 1px solid;
      background: #fff;
      overflow: hidden;
      margin-right: 11px;
      margin-bottom: 10px;
  }
  .fangy_img img{
      width: 314px;
      height: 264px;
  }
  .fangy_zi{
      background: #5aabbd;
      font:400 16px/50px "Microsoft Yahei";
      text-align: center;
  }
.fangy_zi a{
    color: #fff;
}
.fangy li:nth-child(3n){
    float: right;
    margin-right: 0px;
}
.fangy li:hover{
    border:#83a8d2 1px solid;
}
.fangy li:hover .fangy_zi{
    background: #83a8d2;
}
/*关于我们*/
.nei3{
    background: url(../images/nei3.png) top center no-repeat;
    /*height: 2547px;*/
}
.abtu{
    text-align: center;
}
.abt_zi{
    font: 600 40px/50px "Microsoft Yahei";
    color: rgba(102, 102, 102, 0.3);
    text-transform: uppercase;
    padding-top: 45px;
}
.abtu_y{
    font:400 20px/35px "Microsoft Yahei";
    color: #666;
    background: url(../images/xian2.png) center center no-repeat;
}
.abomg{
    float: left;
    width: 600px;
    height: 510px;
    overflow: hidden;
    margin-top: 17px;
}
.abtbn{
    float: right;
    width: 570px;
    margin-top: 60px;
}
.abtbn_tt{
    position: relative;
    font:600 20px/40px "Microsoft Yahei";
    color: #666666;
}
.abtbn_tt a{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 30px;
    font: 400 16px/30px "Microsoft Yahei";
    color: #fff;
    text-align: center;
    background: #5aabbd;
    text-transform: uppercase;
}
.abtbn_nei{
    font:400 20px/28px "Microsoft Yahei";
    color: #666;
    margin-top: 40px;
}
.abtbn_fen{
    margin-top: 25px;
}
.abtbn_fen li{
    float: left;
    widows: 100px;
    text-align: center;
    margin-right: 50px;
}
.abtbn_fen_ing{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #5aabbd;
    padding-top: 25px;
}
.ghg{
    width: 45px;
    height: 46px;
    overflow: hidden;
    margin: 0 auto;  
}
.ghg img{
    width: 45px;
    height: 92px;
}
.abtbn_fen li:nth-child(4){
    float: right;
    margin-right: 0px;
}
.abtbn_fen li:hover .abtbn_fen_ing{
    background: #fff;
}
.abtbn_fen li:hover .ghg img{
   margin-top: -46px;
}
.abtbn_fen_tt{
    font:400 18px/30px "Microsoft Yahei";
    color: #666;
}
.yingyu{
    font:400 20px/30px "Microsoft Yahei";
    color: #666;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}
.yiganli{
    text-align: center;
    font:400 18px/30px "Microsoft Yahei";
    color: #333333;
    background: url(../images/xian3.png) center center no-repeat;
}
.yingan{
    float: left;
    width: 1100px;
    margin-top: 40px;
}
.yingan li{
    float: left;
    width: 130px;
    text-align: center;
    margin-right: 26px;
    margin-left: 5px;
}
.yingan li:nth-child(7){
    float: right;
    margin-right: 0px;
    margin-left: 0px;
}
.yingan_zi{
    font:400 14px/40px "Microsoft Yahei";
    color: #333;
    padding-top: 10px;
}
.yingan_more{
    float: right;
    width: 58px;
    height: 58px;
    margin-top: 80px;
}
.zhansghi{
    overflow: hidden;
    margin:30px 50px 0 50px;
}
.anlizhans{
    position: relative;
}
.anlizhans .anliz{
    position: absolute;
    top:111px;
    left:0px;
    background: url(../images/ly.png) no-repeat;
    width: 23px;
    height: 21px;
    cursor: pointer;
    outline: none;
}
.anlizhans .anlizg{
    position: absolute;
    top:111px;
    right:0px;
    background: url(../images/ly1.png) no-repeat;
    width: 23px;
    height: 21px;
    cursor: pointer;
    outline: none;
}
.zhansghi_zi{
    background: rgba(90, 171, 189, 0.6);
    font:400 18px/44px "Microsoft Yahei";
    color: #fff;
    text-align: center;
    width: 364px;
    position: absolute;
    bottom: 0px;
    left:0px;
}
.zhansghi_img{
    width: 364px;
    height: 243px;
    overflow: hidden;
}
.zhansghi_img img{
    width: 100%;
    height: auto;
}
.zhansghi .swiper-slide{
    position: relative;
}
.zhansghi_zi a{
    color: #fff;
}
.kehuy{
    overflow: hidden;
    margin: 0 50px;
    padding: 5px;
}
.kehuhg{
    position: relative;
    margin-top: 30px;
}
.kehuhg .kehuyty{
    position: absolute;
    top:30px;
    left:0px;
    background: url(../images/g.png) no-repeat;
    width: 18px;
    height: 20px;
    cursor: pointer;
    outline: none;
}
.kehuhg .kehuygg{
    position: absolute;
    top:30px;
    right:0px;
    background: url(../images/g1.png) no-repeat;
    width: 18px;
    height: 20px;
    cursor: pointer;
    outline: none;
}
.kehuhg_img{
    box-shadow: 1px 2px 5px #ccc;
    width:250px;
    height: 84px;
}
.kehuhg_img img{
    width: 100%;
    height: auto;
}
.anziangyu{
    font:400 14px/40px "Microsoft Yahei";
    color: #333333;
    text-align: center;
    padding-top: 15px;
}
.xinwe{
    width: 240px;
    height: 158px;
    overflow: hidden;
    margin: 0 auto;
}
.xinwe img{
    width: 100%;
    height: auto;
}
.xinwe_tt a{
    font:400 15px/30px "Microsoft Yahei";
    color: #fff;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 
}
.xinwe_nei{
    font:400 13px/20px "Microsoft Yahei";
    color: #fff;
}
.xinwe_more{
    background: url(../images/more1.png) no-repeat;
    width: 30px;
    height: 31px;
    float: left;
    margin-top: 15px;
}
.xinwe_ritu{
    float: right;
    font:400 15px/20px "Microsoft Yahei";
    color: #fff;  
    margin-top: 20px;
}
.xw_more{
    width: 100px;
    height: 30px;
    margin:0 auto;
    font:400 18px/30px "Microsoft Yahei";
    text-align: center;
    background: #5aabbd;
    text-transform: uppercase;
    margin-top: 10px;
}
.xw_more a{
    color: #fff;
}

.hjuu{
    float: left;
    width: 240px;
    text-align: center;
    color: #fff;
}
.tyuh{
    font:400 17px/30px "Microsoft Yahei";
    padding-top: 35px;
}
.huytu{
    font:400 14px/28px "Microsoft Yahei";
    padding-top: 10px;
}
.huytu a{
    color: #fff;
}
.lian{
    width: 470px;
    text-align: left;
    margin-left: 100px;
    color: #fff;
    float: left;
    background: url(../images/shu.png) right 100px no-repeat;
}
.lian_tt{
    font:600 18px/40px "Microsoft Yahei";
}
.erenmk{
    width: 340px;;
    text-align: center;
    font:400 14px/28px "Microsoft Yahei";
    color: #fff;
    float: right;
    margin-top: 20px
}
.erenmk img{
    border-radius: 8px
}
.x-footer a{
    color: #fff;;
}
.x-footer{
    color: #fff;
}

.xypg-right-content{
    background: #f3f3f3;
    padding: 10px;
}


.xypg-left-nav2 {
    margin: 0 -1px;
  }
  
  .xypg-left-nav2 > li {
    position: relative;
    border: 1px solid #b2b2b2;
    margin: 2px 0;
    padding-left: 50px;
    width: 264px;
    margin-left: 1px;
  }
  
  
  .xypg-left-nav2 > li > a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    line-height: 58px;
  }
  
  .xypg-left-nav2 > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 12px;
    left: 20px;
    cursor: pointer;
    background: url(../images/tu1.png) left center no-repeat;
  }
  

  
  .xypg-left-nav2 > li:hover {
    color: #1a8ba0;
    border:#1a8ba0 1px solid
  }
  
  .xypg-left-nav2 > li:hover a{
    color: #1a8ba0;
  }
  
  .xypg-left-nav2 .xypg-left-subnav {
    display: none;

  }
  
  .xypg-left-nav2 .xypg-left-subnav > li {
    border-top: 1px dashed #eeeeee;
  }
  
  .page-wrap-contact13{
    border:#1a8ba0 1px solid  
  }
  .xypg-left-nav2 .xypg-left-subnav > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
  }
  
  .xypg-left-nav2 .xypg-left-subnav > li > a:hover {
    color: #ab001a;
  }
  
  .xypg-left-nav2 .xypg-left-subnav > li.clicked > a {
    color: #ab001a;
  }
  
  .xypg-left-nav2 .xypg-left-threenav > li > a {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
  }
  
  .xypg-left-nav2 .xypg-left-threenav > li > a:before {
    content: '\2014   ';
  }
  
  .xypg-left-nav2 .xypg-left-threenav > li > a:hover {
    color: #ab001a;
  }
  
  .xypg-left-nav2 .xypg-left-threenav > li.clicked > a {
    color: #ab001a;
  }


  .xypg-left-title2{
      text-align: center;
  }
  .xypg-left-titlett{
    font-weight: bold;
    font-size: 40px;
    color: #d8d8d8;
    opacity: 1;
    margin-left: 10px;
    text-transform: capitalize;
    text-transform: uppercase;
    line-height: 40px;
  }
  .xypg-left-tithjh{
    font-weight: normal;
    font-size: 16px;
    color: #666666;
    opacity: 1;
    margin-left: 10px;
    text-transform: capitalize;
    line-height: 30px;
  }

  .gt{
      font:600 20px/35px "Microsoft Yahei";
  }
  .gty{
    font:400 14px/20px "Microsoft Yahei"; 
    text-transform: uppercase;
  }
  .page-wrap-contact13 img{
      width: 100%;
      height: auto;
  }

  .xypg-left22{
      width: 265px;;
      float: left; 
      margin-top: 15px;
  }
  .page-wrap-right12{
      float: right;
      width: 922px;
      margin-top: 15px;
  }
  .xypg-right-content1{
      background: #fff;
  }
  .xwtyu{
      font:400 40px/40px "Microsoft Yahei";
      color: #d8d8d8;
      text-transform: uppercase;
  }
  .xwz_tyiu{
      font:400 20px/30px "Microsoft Yahei";
      color: #666666;
  }
  .huyt{
      position: relative;
  }
  .huyt_nei{
      position: absolute;
      top:50px;
      right: 0px;
      width: 697px;
      height: 270px;
      background: url(../images/ww.png) no-repeat;
      padding: 55px 30px 0 78px;
      box-sizing: border-box;
      color: #fff;
  }
  .huyt_nei_t a{
      font:400 20px/40px "Microsoft Yahei";
      color: #fff;
  }
  .huyt_nei_t {
      border-bottom: #1a8ba0 1px solid;
      height: 50px;
  }
  .huyt_nei_rong{
      font:400 14px/23px "Microsoft Yahei";
      margin-top: 10px;
  }
  .huyt_nei_shi{
      float: left;
      width: 100px;
      font:400 14px/23px "Microsoft Yahei";
      margin-top: 45px;
  }
  .huyt_nei_more{
      float: right;
      width: 120px;
      text-align: right;
      font:400 14px/23px "Microsoft Yahei";
      color: #333333;
      margin-top: 45px;
  }
  .huyt_nei_more a{
    color: #333333;
  }
  .huyt_nei_more a:hover{
      color: #990000;
  }
  .xypg-left{
      position: relative;
  }
  .hjhj{
      position: absolute;
      top:-22px;
      right: 0px;
      width: 640px;
      text-align: center;
  }
.xypg-right-content1{
      background: #fff;
  }
.xeing{
    width: 387px;
    height: 245px;
    overflow: hidden;
    float: left;
}
.xeing img{
    width: 100%;
    height: auto;
}
.xwingty{
    float: right;
    width: 780px;
}
.xwingty_shi{
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    border:#333 1px solid;
}
.xwingty_nei{
    float: right;
    width: 660px;
}
.shuzgibg{
    background: url(../images/zhi.png) center center no-repeat;
    width: 5px;
    height: 21px;
    margin:0 auto;
}
.sghijian{
    font:400 20px/24px "Microsoft Yahei";
    color: #333;
    padding-top: 6px;
}
.niansgh{
    font:400 18px/24px "Microsoft Yahei";
    color: #333;
}
.xwingty_nei_t{
    font:400 20px/24px "Microsoft Yahei";
    color: #333;
    position: relative;
    border-bottom: #333 1px solid;
    height: 50px;
    margin-top: 30px;
}
.xwingty_nei_t a{
    color: #333;
}
.xwingty_nei_t span{
    position: absolute;
    top:0px;
    right: 0px;
    font:400 14px/24px "Microsoft Yahei";
    color: #333;
}
.xwingty_nei_t span a{
    color: #333;
}
.xwingty_rong{
    font:400 18px/24px "Microsoft Yahei";
    color: #666;
    margin-top: 10px;;
}
.xypg-news-list li:hover .xwingty_shi{
    border:#1a8ba0 1px solid;
}
.xypg-news-list li:hover .xwingty_nei_t{
    border-bottom:#1a8ba0 1px solid;
}
.xypg-news-list li:hover .xwingty_nei_t span a{
    color: #990000;
}
.xypg-news-list li:hover .shuzgibg{
    background: url(../images/zhi1.png) center center no-repeat;
}